// pages/database/detail/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    imageList: [],
    indicatorDots: true,
    vertical: false,
    autoplay: true,
    circular: true,
    interval: 2000,
    duration: 500,
    previousMargin: 0,
    nextMargin: 0,

    finalBottomDistance:0,

    richTextContent: '',
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // 获取全局对象
    const app = getApp();
    // 拿到全局底部间距
    const finalBottomDistance = app.globalData.finalBottomDistance;
    // 存入当前页面数据，供 wxml 使用
    console.log(options)
    this.setData({
      finalBottomDistance,
      imageList: [options.imageList],
      richTextContent:  `
        <div style="padding:20px">
          <h2 style="margin:10px 0;">${options.name}</h2>
          <p>${options.description}</p>
        </div>
      `
    },()=>{
      console.log(this.data.imageList)
    });
  },

  // 图片预览事件
  handleImagePreview(e) {
    console.log(e)
    // 1. 获取当前点击的图片路径
    const currentImg = e.currentTarget.dataset.img;
    
    // 2. 获取所有需要预览的图片列表（需和渲染时的数组一致）
    // 假设渲染用的数组是 imgList，需在 data 中定义
    const imageList = this.data.imageList; // 示例：['url1', 'url2', 'url3']
    
    // 3. 调用微信预览图片 API
    wx.previewImage({
      current: currentImg, // 当前显示的图片路径
      urls: imageList,       // 所有可预览的图片列表（数组格式）
      showmenu: true       // 允许用户保存/转发图片（可选，默认 false）
    });
  },
})